/* constant */
@rem: 25rem;

.container{
  overflow: hidden;

  /* 带标题面板  */
  .sub-title-panel{
    width: 100%;
    margin-bottom: 15/@rem;
    text-align: left;
    .level-icon{
      width: 20/@rem;
      height: 20@rem;
      position: relative;
      top: 3/@rem;
    }

    .title{
      height: 60/@rem;
      line-height: 60/@rem;
      font-size: 12/@rem;
      padding: 0 20/@rem;
      color: #202020;
      margin: 15/@rem 0;
      background: #FFF;
    }
    .content{
      overflow: hidden;
      background: #FFF;
      .level-item{
        display: flex;
        height: 60/@rem;
        line-height: 60/@rem;
        padding: 0 20/@rem;
        justify-content: space-between;
        border-bottom: 1/@rem solid #F2F2F2;
      }
      .level-item-info{
        font-size: 12/@rem;
        color: #202020;
      }
      .level-item .icon{
        width: 20/@rem;
        height: 20/@rem;
        position: relative;
        margin-right: 20/@rem;
      }
      .buy-btn{
        width: 80/@rem;
        height: 30/@rem;
        line-height: 30/@rem;
        font-size: 12/@rem;
        color: #FFFFF9;
        background: #20af1f;
        border: none;
        border-radius: 5/@rem;
      }
    }
  }

  .tip{
    color: #202020;
    font-size: 12/@rem;
    padding: 0 10/@rem;
    text-align: left;
  }

}
